/**
 * Element Plus 圆角重置样式
 * 让卡片、按钮等组件的圆角更加圆润
 */

/* 按钮圆角重置 */
.el-button {
  border-radius: 12px !important;

  &.el-button--small {
    border-radius: 10px !important;
  }

  &.el-button--large {
    border-radius: 14px !important;
  }

  &.el-button--mini {
    border-radius: 8px !important;
  }
}

/* 卡片圆角重置 */
.el-card {
  border-radius: 16px !important;

  .el-card__header {
    border-radius: 16px 16px 0 0 !important;
  }

  .el-card__body {
    border-radius: 0 0 16px 16px !important;
  }
}

/* 输入框圆角重置 */
.el-input__wrapper {
  border-radius: 10px !important;
}

.el-textarea__inner {
  border-radius: 10px !important;
}

/* 选择器圆角重置 */
.el-select .el-input__wrapper {
  border-radius: 10px !important;
}

/* 对话框圆角重置 */
.el-dialog {
  border-radius: 16px !important;

  .el-dialog__header {
    border-radius: 16px 16px 0 0 !important;
  }

  .el-dialog__body {
    border-radius: 0 0 16px 16px !important;
  }
}

/* 消息提示圆角重置 */
.el-message {
  border-radius: 12px !important;
}

.el-notification {
  border-radius: 12px !important;
}

/* 抽屉圆角重置 */
.el-drawer {
  border-radius: 16px !important;
}

/* 表格圆角重置 */
.el-table {
  border-radius: 12px !important;
  overflow: hidden;

  .el-table__header-wrapper {
    border-radius: 12px 12px 0 0 !important;
  }

  .el-table__body-wrapper {
    border-radius: 0 0 12px 12px !important;
  }
}

/* 分页器圆角重置 */
.el-pagination {
  .el-pager li,
  .btn-prev,
  .btn-next {
    border-radius: 8px !important;
  }
}

/* 标签圆角重置 */
.el-tag {
  border-radius: 8px !important;

  &.el-tag--small {
    border-radius: 6px !important;
  }

  &.el-tag--mini {
    border-radius: 4px !important;
  }
}

/* 菜单圆角重置 */
.el-menu {
  border-radius: 12px !important;

  .el-menu-item,
  .el-submenu__title {
    border-radius: 8px !important;
    margin: 2px 8px;
  }
}

/* 面板圆角重置 */
.el-collapse {
  border-radius: 12px !important;

  .el-collapse-item__header {
    border-radius: 12px !important;
  }

  .el-collapse-item__content {
    border-radius: 0 0 12px 12px !important;
  }
}

/* 工具提示圆角重置 */
.el-tooltip__popper {
  border-radius: 8px !important;
}

.el-popover {
  border-radius: 10px !important;
}

/* 日期选择器圆角重置 */
.el-date-editor {
  border-radius: 10px !important;
}

.el-picker-panel {
  border-radius: 12px !important;
}

/* 进度条圆角重置 */
.el-progress-bar__outer {
  border-radius: 10px !important;

  .el-progress-bar__inner {
    border-radius: 10px !important;
  }
}

/* 滑块圆角重置 */
.el-slider__runway {
  border-radius: 6px !important;
}

.el-slider__button {
  border-radius: 50% !important;
}

/* 开关圆角重置 */
.el-switch__core {
  border-radius: 20px !important;
}

/* 头像圆角重置 */
.el-avatar {
  border-radius: 12px !important;

  &.el-avatar--circle {
    border-radius: 50% !important;
  }
}

/* 徽章圆角重置 */
.el-badge__content {
  border-radius: 10px !important;
}

/* 步骤条圆角重置 */
.el-steps .el-step__icon {
  border-radius: 50% !important;
}

/* 时间轴圆角重置 */
.el-timeline-item__node {
  border-radius: 50% !important;
}

/* 树形控件圆角重置 */
.el-tree-node__content {
  border-radius: 6px !important;
  margin: 1px 4px;
}

/* 穿梭框圆角重置 */
.el-transfer-panel {
  border-radius: 12px !important;
}

/* 上传组件圆角重置 */
.el-upload {
  border-radius: 10px !important;
}

.el-upload-dragger {
  border-radius: 10px !important;
}
